<template>
  <div class="user">
    <div class="left">
      <img src="@/assets/wode_14.jpg" alt="" class="use" />
      <div class="tip">
        <h2>13215645644</h2>
        <span>邀请码</span>
        <span>3623456sdf</span>
        <button>复制</button>
      </div>
    </div>
    <div class="right">
      <section>￥ 0&nbsp;</section>
      <p>账户佣金&gt;</p>
    </div>
  </div>
</template>

<script>
export default {
};
</script>

<style scoped>
.user {
  height: 95rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 18rem;
}
.user .left {
  display: flex;
  align-items: center;
}
.user .left .use {
  margin-right: 10rem;
  width: 56rem;
  height: 51rem;
}
.user .left .tip h2 {
  margin-bottom: 8rem;
  font-size: 13rem;
  font-weight: bold;
  color: #fff;
}
.user .left .tip span {
  font-size: 12rem;
  color: #ffeae5;
  margin-right: 3.5rem;
}
.user .left .tip button {
  width: 30rem;
  height: 16rem;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5rem;
  font-size: 12rem;
  color: #fff;
}
.user .right section {
  font-size: 12rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 8rem;
  text-align: right;
}
.user .right p {
  font-size: 12rem;
  color: #ffeae5;
}
</style>
